/*
 * 首页
 */
<script>
    import ysScrolltextMenu from '@/components/base/menu/ys-scrolltext-menu.vue';
    import ysBanner from '@/components/content/ys-banner.vue';
    import ysArticleList from '@/components/content/ys-articleList.vue';
    
    export default 
    {     
        components: {
            ysScrolltextMenu,
            ysBanner,
            ysArticleList
        },        
		data() {
			return {
                topMenu : [{'text' : '新闻速递','url' : ''},{'text' : '儿童资讯','url' : ''},{'text' : '儿童资讯','url' : ''},{'text' : '儿童资讯','url' : ''},{'text' : '儿童资讯','url' : ''},{'text' : '儿童资讯','url' : ''}]
			}
		},
		methods: {

		},
        onReady: function() {
            console.log("onReady");
        }
    }
</script>

<template name="page-name">
    <view class="page-name page">   
        <ysScrolltextMenu :list="topMenu" class="top-menu"></ysScrolltextMenu>
        <scroll-view class="scroll-box" scroll-y="true">
            <view class="main-box">
               <ysBanner class="banner"></ysBanner>
               <ysArticleList></ysArticleList>                                         
            </view>
        </scroll-view>
    </view>
</template>

<style lang="scss">
    /*
     * 页面属性
     */
    uni-page-body {
        height: 100%;
        overflow: hidden;
    }
    
    .page {
        height: 100%;
        overflow: hidden;        
        .top-menu {
            margin-top: var(--status-bar-height); 
        }    
        .scroll-box {
            height: 900upx;
            .main-box {
                padding: 30upx;
                .banner {
                    height: 350upx;
                }
            }
        }
    }
   
</style>